<template>
  <div class="w-1200 ant-flex ant-flex-between">
    <div
      class="ant-flex index-btn"
      style="cursor: pointer"
      v-for="(ant, index) in antData"
      :key="String(index)"
      @click="antClick(ant,index)"
    >
      <img :src="ant.img" alt="" />
      <div>
        <div class="index-btn-title">{{ ant.text }}</div>
        <div class="index-btn-info">{{ ant.info }}</div>
      </div>
    </div>
  </div>
</template>

<script>
// import r1 from "../../assets/images/01.png";
// import r2 from "../../assets/images/02.png";
// import r3 from "../../assets/images/03.png";
// import r4 from "../../assets/images/04.png";
// import r5 from "../../assets/images/05.png";

import r1 from "../../assets/images/icons/01.png";
import r2 from "../../assets/images/icons/02.png";
import r3 from "../../assets/images/icons/03.png";
// import r4 from "../../assets/images/icons/04.png";
import r5 from "../../assets/images/icons/05.png";

export default {
  name: "IndexBtnBox",
  props: {
    antData: {
      type: Array,
      default: function () {
        return [
          {
            img: r1,
            text: "网上开户",
            info:'体验急速线上开户',
            type:'2',
            url: "WskhIndex",
            id:''
          },
          {
            img: r2,
            text: "软件下载",
            info:'丰富软件供您选择',
            type:'2',
            url: "ReadList",
            id:'117'
          },
          {
            img: r3,
            text: "资产管理",
            info:"安全省心资金托管",
            type:'2',
            url: "ReadList",
            id:'147'
          },
          // {
          //   img: r4,
          //   text: "在线直播",
          //   info:"在线导师手把手培训",
          //   type:'0',
          //   url: "",
          //   id:''
          // },
          {
            img: r5,
            text: "模拟行情",
            info:"为你打开期货大门",
            type:'1',
            url: "http://nz_mn_pc.xw025.com",
            id:''
          },
        ]
      }
    },
  },
  data() {
    return {};
  },
  components: {
    // 第三方组件实例化
  },
  computed: {},
  methods: {
    antClick(e,index) {
      console.log(index)
      this.$emit("antClick", e);
    },
  },
  mounted() {},
};
</script>

<style scoped>
@import "~@/assets/scss/style.css";
</style>
